Keyboard key is a component to display which key or combination of keys performs a given action.
Storybook@nextui-org/kbdServer componentSourceStyles sourceInstallationnpx nextui-cli@latest add kbdThe above command is for individual installation only. You may skip this step if @nextui-org/react is already installed globally.ImportUsageKeysNote: Check the API section to see all available keys.
Slotsbase: Kbd wrapper, it handles alignment, placement, and general appearance.abbr: The keys wrapper that handles the appearance of the keys.content: The children wrapper that handles the appearance of the content.AccessibilityEach command key has a title attribute that describes the action that the key performs.APIKeyboard Key PropsAttributeTypeDescriptionDefaultchildrenReactNodeThe content of the keyboard key.-keysKbdKey | KbdKey[]The keys of the keyboard key.-classNamesRecordAllows to set custom class names for the checkbox slots.-Keyboard KeysList of supported keys.
type KbdKey = | "command" | "shift" | "ctrl" | "option" | "enter" | "delete" | "escape" | "tab" | "capslock" | "up" | "right" | "down" | "left" | "pageup" | "pagedown" | "home" | "end" | "help" | "space";